<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE HTML>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="Robots" content="all">
<meta name="HandheldFriendly" content="True">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,minimal-ui">

<meta name="screen-orientation" content="portrait">
<!--<meta name="full-screen" content="yes" />
<meta name="browsermode" content="application">

<meta name="x5-fullscreen" content="true">
<meta name="x5-orientation" content="portrait">-->
<!-- <meta name="x5-page-mode" content="app">-->
<!-- 强制让文档的宽度与设备的宽度保持1:1，并且文档最大的宽度比例是1.0，且不允许用户点击屏幕放大浏览-->
<meta name="format-detection" content="telephone=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<!-- 告诉设备忽略将页面中的数字识别为电话号码 -->
<meta http-equiv="cleartype" content="on">
<meta http-equiv="Cache-Control" content="no-cache"/>
<meta name="Keywords" content="<?php echo ($seo_keyword); ?>">
<meta name="Description" content="<?php echo ($seo_description); ?>">
<meta name="wap-font-scale" content="no">
<title>金期权</title>
<!--css-->
<link href="/git/www/yxwei/Public/Futures/third/option/css/bootstrap.css" rel="stylesheet" type="text/css" />
<link href="/git/www/yxwei/Public/Futures/third/option/css/propos.css" rel="stylesheet" type="text/css" />
<link href="/git/www/yxwei/Public/Futures/third/option/css/font.css" rel="stylesheet" type="text/css" />
<!--js-->
<script src="/git/www/yxwei/Public/Futures/third/option/js/jquery-2.2.0.js" type="text/javascript" charset="utf-8"></script>
<script src="/git/www/yxwei/Public/Futures/third/option/js/touch.js" type="text/javascript" charset="utf-8"></script>
<!--<script src="/git/www/yxwei/Public/Futures/new/option/js/jquery.mobile-1.4.5.js" type="text/javascript" charset="utf-8"></script>-->
<!--<script src="/git/www/yxwei/Public/Futures/third/option/js/Bootstrap-v3.3.5.js" type="text/javascript" charset="utf-8"></script>-->
<script src="/git/www/yxwei/Public/Futures/third/option/js/now.js" type="text/javascript" charset="utf-8"></script>
<script src="/git/www/yxwei/Public/Futures/third/option/js/svg.js" type="text/javascript" charset="utf-8"></script>
<!--旧-->
<link href="/git/www/yxwei/Public/Futures/css/main.css" rel="stylesheet">
<link href="/git/www/yxwei/Public/Futures/css/index.css" rel="stylesheet">
<link href="/git/www/yxwei/Public/Futures/third/option/css/personal.css" rel="stylesheet">
<link href="/git/www/yxwei/Public/Futures/css/left.css" rel="stylesheet">
<link href="/git/www/yxwei/Public/Futures/css/Swiper.min.css" rel="stylesheet">
<script type="text/javascript" src="/git/www/yxwei/Public/Futures/js/swiper.min.js"></script>


<?php echo hook('weixinshare',array('title'=>'金期权交易平台~','link'=>"$share_url",'desc'=>'我在金期权交易平台盈利，快来一起参与吧！','imgUrl'=>"$headimgurl",'type'=>'','dataUrl'=>'','success_fun'=>'callback'));?>
<script type="text/javascript">
    function callback(){
        //alert('分享回调');
         /*
         $.post("<?php echo U('Index/share');?>",{},function(data){
             if(data.status==0){
                //alert(data.mes);
             }else{
                //alert('分享成功');
             }
         },'json')
         */
    }
</script>
<!-- 页面header钩子，一般用于加载插件CSS文件和代码 -->

</head>
<body>
	<!-- 头部 -->
	<!---->
	<!-- /头部 -->
	
	<!-- 主体 -->
	
<!--<div class="container">
<div class="nav">
    <img src="/git/www/yxwei/Public/Futures/images/img_1.png" alt="" id="show">
    <h3>绑定银行卡</h3>
</div>
<div class="bank-bindbox">
<div class="bank-bindtop">
	<img src="/git/www/yxwei/Public/Futures/images/icon07.png" class="bank-binding" /> &nbsp;提现卡绑定
</div>
<div class="bank-bindconter">
	<input type="text" class="bank-bindinput" name="bank_realname" id="bank_realname" placeholder="银行卡持卡人"/>
	<input type="text" class="bank-bindinput" name="bank_card" id="bank_card" placeholder="银行卡卡号"/>
	<input type="text" class="bank-bindinput" name="id_card" id="id_card" placeholder="持卡人身份证号"/>

	<div class="bank-bindselect">
		<img src="/git/www/yxwei/Public/Futures/images/icon08.png"  class="bank-binddown"/>
		<div class="bank-xians">中国银行</div>
		<div class="bank-moni clearfix">
		</div>
	</div>
	<input type="text" class="bank-bindinput" id="outlets_name" name="outlets_name" placeholder="开户行地址"/>
	<input type="text" class="bank-bindinput" name="pro_name" id="pro_name" placeholder="开户省份"/>
	<input type="text" class="bank-bindinput" name="city_name" id="city_name" placeholder="开户市"/>
	<p class="bank-bindtips">为了您的资金安全，此帐号为您唯一的提现账号，请务必仔细核对以上信息</p>
	<p class="bank-bindtips clearfix">
		<a class="bank-bindok bank-bindti" href="javascript:subform()">确认</a>
		<a href="javascript:reset()" class="bank-bindno bank-bindti">取消</a>
	</p>
</div>
</div>-->

<div class="proDelBox" style="font-size: 12px;">
	<div class="proDelPayLi proDelBorderBottm">
		<p class="proDelBorderBottm userbordercss3">
			<span class="al">开户姓名</span>
			<input class="ax" id="proname" type="text" placeholder="请输入开户姓名"/>
		</p>
		<p class="userbordercss32"></p>
		<p>
			<span class="al">身份证号</span>
			<input class="ax" id="proid" type="text" placeholder="请输入身份证号"/>
		</p>
		<p class="userbordercss3"></p>
	</div>
	<div class="proDelPayLi proDelBorderBottm" style="margin-top: 20px;">
		<p class="userbordercss3">
			<span class="al">选择开户银行</span>
			<span class="ax" id="bankclick"></span>
		</p>
		<p class="userbordercss3"></p>
	</div>
	<div class="proDelPayLi proDelBorderBottm" style="margin-top: 20px;">
		<p class="proDelBorderBottm userbordercss3">
			<span class="al" style="flex:2.63">开户地址</span>
			<span class="al" id="cityN" style="text-align: left;">四川省</span>
			<span class="al" id="cityX" style="text-align: center;">成都</span>
		</p>
		<p class="userbordercss32"></p>
		<p>
			<span class="al">所在支行</span>
			<input class="ax" id="proidcity" type="text" placeholder="请输入所在支行地址"/>
		</p>
		<p class="userbordercss3"></p>
	</div>
	<div class="proDelPayLi proDelBorderBottm" style="margin-top: 20px;">
		<p class="userbordercss3">
			<span class="al">银行卡号</span>
			<input class="ax" type="text" id="proidcar" placeholder="请输入银行卡号"/>
		</p>
		<p class="userbordercss3"></p>
	</div>
<p style="padding:0px 20px;margin: 20px auto;" class="defaultAsh"><span class="icon-uniE90A defaultBlue"></span>为了您的资金安全,此账号为您唯一的提现账号,请务必仔细核对以上信息。</p>
<p style="padding:0px 20px;line-height: 36px;height: 36px;"><a href="javascript:subform()" class="proDelSubmit">确认信息</a></p>
<p style="padding:0px 20px;line-height: 36px;height: 36px;"><span id="clear" href="javascript:reset()" class="proDelDfel">重置信息</span></p>
</div>
<div id="banklist" class="bank-moni clearfix"></div>
<div id="citylist" class="bank-moni clearfix"></div>
<style>	
	.bank-moni{top:191px;height: 300px;overflow: scroll;}
</style>
<script src="/git/www/yxwei/Public/Futures/new/option/js/bank.js" type="text/javascript" charset="utf-8"></script>
<script src="/git/www/yxwei/Public/Futures/new/option/js/city.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
// 显示银行列表
$('#bankclick').click(function(){
	$('#banklist').toggle();
})
// 动态太假银行
var htmlcear=''
$.map(b_data, function(val,i) {
	htmlcear+='<div>'+val+'</div>'
});
$('#banklist').html(htmlcear);
$('#banklist').delegate('div','click',function(){
	$(this).addClass('ass').siblings().removeClass('ass');
	$('#banklist').toggle();
	var val=$(this).html();
	$('#bankclick').html(val);
})
// 重置
$('#clear').click(function(){
	$('#proname').val('');
	$('#proid').val('');
	$('#bankclick').html('');
	$('#proctiy').val('');
	$('#proidcity').val('');
	$('#proidcar').val('');
})
//省点击
$('#cityN').click(function(){
var ctiyhtml='';
$.map(s_data['p'],function(val,i){
	ctiyhtml+='<div>'+val+'</div>'
})
$('#citylist').html('').html(ctiyhtml).show();
clickcitywho=1;
})
// 市点击
$('#cityX').click(function(){
var ctiyhtml='',dlname=$('#cityN').html();
$.map(s_data['c'][dlname],function(val,i){
	ctiyhtml+='<div>'+val+'</div>'
})
$('#citylist').html('').html(ctiyhtml).show();
clickcitywho=2
})
// city点击返回
var clickcitywho;
$('#citylist').delegate('div','click',function(){
	var nameval=$(this).html();
	if (clickcitywho=='1') {
		$('#cityN').html('').html(nameval);
		$('#cityX').html('').html(s_data['c'][nameval][0])
	}else if (clickcitywho==2){
		$('#cityX').html('').html(nameval);
	};
	$('#citylist').hide();
});




function subform(e){
	//e.stopPropagation;
	var bank_name=$('#bankclick').html();
	var bank_realname=$('#proname').val();
	var bank_card=$('#proidcar').val();
	var id_card=$('#proid').val();
	var id_card_length=id_card.length;

	var outlets_name=$('#proidcity').val();
	var pro_name=$('#cityN').html();
	var city_name=$('#cityX').html();
	var url="<?php echo U('User/bank_binding');?>";
	  var reg = /^(\d{16}|\d{19})$/;
	if(bank_realname==''){
		alert('开户姓名不能为空');
		return false;
	}
        if (id_card.length != 15 && id_card.length != 18) {
		alert("输入身份证号码格式不正确!");
		return false;
	}
	if(bank_name==''){
		alert('银行名称不能为空');
		return false;
	}

	if(pro_name==''){
		alert('开户省不能为空');
		return false;
	}
	if(city_name==''){
		alert('开户市不能为空');
		return false;
	}
	if(outlets_name==''){
		alert('所在支行不能为空');
		return false;
	}

	if( !reg.test(bank_card) ) {
		alert("银行卡号，应该是16或19位数字！");
		return false;
	}
	$.post(url,
			{
				bank_name:bank_name,
				bank_realname:bank_realname,
				bank_card:bank_card,
				id_card:id_card,
				outlets_name:outlets_name,
				pro_name:pro_name,
				city_name:city_name,
			},function(data){
          		if(data.status){
          			alert(data.msg,2000);
          			//return false;
          			//$('.msg').html(data.msg);
          			setTimeout(link_url,1000);
          		}else{
          			alert(data.msg,2000);
          			return false;
          			//$('.msg').html(data.msg);
          		}
        },'json')
}

function link_url(){
		var url_href="<?php echo U('User/bank_index');?>";
		window.location.href=url_href;
}
function reset(){
	window.location.reload();
}
</script>
</div>

<style>
	.footer-box{background: #fff;position: fixed;bottom: 0;height: 55px;width: 100%;}
	.footer-menu li{float: left;width: 25%;text-align: center;vertical-align: middle;}
	.footer-menu li a{width: 100%;text-align: center;color: #7f7f7f;font: 12px/20px 'microsoft yahei';}
	.footer-icon{display: inline-block;width: 24px;margin-top: 6px;}
	.footer-menu li a.cur{color: #3c79e0;}
	.footer-box:before{border-top: 1px solid #e5e5e5;
		content: '';    position: absolute;
	    height: 1px;    
	   width: 200%;
	  -webkit-transform-origin: 0 0;  
	    -moz-transform-origin: 0 0;    
	    -ms-transform-origin: 0 0;   
	     -o-transform-origin: 0 0;  
	       transform-origin: 0 0;   
	        -webkit-transform: scale(0.5, 0.5); 
	     -ms-transform: scale(0.5, 0.5);  
	       -o-transform: scale(0.5, 0.5);  
	         transform: scale(0.5, 0.5);   
	          -webkit-box-sizing: border-box;
	              -moz-box-sizing: border-box;   
	               box-sizing: border-box;
	}
</style>
	<div class="footer-box">
		<div class="footer clearfix">
			<ul class="footer-menu"><!--选中状态为加上cur,例如footer-cur04.png,并且需要在a标签上加上class=“cur”c-->
				<li><a href="<?php echo U('Index/index');?>" class="<?php if(ACTION_NAME == index && CONTROLLER_NAME == Index): ?>cur<?php endif; ?>">
					<img src="/git/www/yxwei/Public/Futures/third/option/images/<?php if(ACTION_NAME == index && CONTROLLER_NAME == Index): ?>footer-cur01.png<?php else: ?>footer-01.png<?php endif; ?>" alt="" class="footer-icon"><br>首页</a></li>
				<li><a href="<?php echo U('Pay/personal_incharge');?>" class="<?php if(ACTION_NAME == personal_incharge): ?>cur<?php endif; ?>">
					<img src="/git/www/yxwei/Public/Futures/third/option/images/<?php if(ACTION_NAME == personal_incharge): ?>footer-cur02.png<?php else: ?>footer-02.png<?php endif; ?>" alt="" class="footer-icon"><br>充值</a></li>
				<li><a href="<?php echo U('User/bank_index');?>" class="<?php if(ACTION_NAME == bank_index || ACTION_NAME == bank_binding): ?>cur<?php endif; ?>">
					<img src="/git/www/yxwei/Public/Futures/third/option/images/<?php if(ACTION_NAME == bank_index || ACTION_NAME == bank_binding): ?>footer-cur03.png<?php else: ?>footer-03.png<?php endif; ?>" alt="" class="footer-icon"><br>提现</a></li>
				<li><a href="<?php echo U('User/user_info');?>" class="<?php if(ACTION_NAME == user_info || CONTROLLER_NAME == Commission || ACTION_NAME == my_agent || ACTION_NAME == detail || ACTION_NAME == payments): ?>cur<?php endif; ?>">
					<img src="/git/www/yxwei/Public/Futures/third/option/images/<?php if(ACTION_NAME == user_info || CONTROLLER_NAME == Commission || ACTION_NAME == my_agent || ACTION_NAME == detail || ACTION_NAME == payments): ?>footer-cur04.png<?php else: ?>footer-04.png<?php endif; ?>" alt="" class="footer-icon"><br>个人</a></li>
			</ul>
		</div>
	</div>



	<!-- /主体 -->

	<!-- Left -->
	
	
<!--菜单列表-->
<div class="proLeftBox" id="proLeftBox" style="display:none">
	<div class="proLeftMask"></div>
	<div class="proLeftListBox">
		<a href="<?php echo U('User/user_info');?>">
		<div class="proLeftImgBox padlr5">
				<div class="proLeftImg">
					<img src="<?php echo ($resInfo['headimgurl']); ?>" />
				</div>
				<div class="proLeftInfo">
					<p class="proLeftName defaultBlack"><?php echo ($resInfo['nickname']); ?></p>
					<p class="proLeftDefault defaultAsh">查看个人信息</p>
				</div>
				<div class="proLeftRight">
					<span class="proLeftRightFont icon-uniE902 defaulticon"></span>
				</div>
		</div>
		</a>
		<ul class="proLeftNav">
			<a href="<?php echo U('Index/index');?>">			<li data-val='首页'>	 <span class="proLeftNavFont icon-1 defaulticon"></span><p class="proLeftNavDescribe defaultBlack">首页</p></li></a>
			<a href="<?php echo U('StockOption/index');?>">	<li data-val='恒指期权'><span class="proLeftNavFont icon-1 defaulticon"></span><p class="proLeftNavDescribe defaultBlack">恒指期权</p></li></a>
			<a href="<?php echo U('Pay/personal_incharge');?>"><li data-val='充值'>	 <span class="proLeftNavFont icon-2 defaulticon"></span><p class="proLeftNavDescribe defaultBlack">充值</p></li></a>
			<a href="<?php echo U('User/bank_index');?>">		<li data-val='提现'>	 <span class="proLeftNavFont icon-3 defaulticon"></span><p class="proLeftNavDescribe defaultBlack">提现</p></li></a>
			<a href="<?php echo U('Transaction/index');?>">	<li data-val='交易历史'><span class="proLeftNavFont icon-4 defaulticon"></span><p class="proLeftNavDescribe defaultBlack">交易历史</p></li></a>
			<a href="<?php echo U('Order/order_list');?>">		<li data-val='订单列表'><span class="proLeftNavFont icon-5 defaulticon"></span><p class="proLeftNavDescribe defaultBlack">订单列表</p></li></a>
			<a href="<?php echo U('Payments/payments');?>">	<li data-val='收支明细'><span class="proLeftNavFont icon-6 defaulticon"></span><p class="proLeftNavDescribe defaultBlack">收支明细</p></li></a>
			<?php if($is_agent == 1): ?><a href="<?php echo U('Commission/index');?>">		<li data-val='分销中心'><span class="proLeftNavFont icon-7 defaulticon"></span><p class="proLeftNavDescribe defaultBlack">分销中心</p></li></a><?php endif; ?>
			<?php if($is_agent == 0): ?><a href="<?php echo U('Apply/index');?>">			<li data-val='分销中心'><span class="proLeftNavFont icon-7 defaulticon"></span><p class="proLeftNavDescribe defaultBlack">分销中心</p></li></a><?php endif; ?>
		</ul>
	</div>
</div>
<!--菜单进入-->
<div class="dropMenu" id="target" style="display:none">
	<!-- <img src='/git/www/yxwei/Public/Futures/new/option/images/mune.svg'/ > -->
</div>
<!--没注册提示框-->
<div class="left-tips">
	<p class="left-tipsp1">注册</p>
	<p class="left-tipsp2">您还没有注册,请先注册!</p>
	<div class="left-tipsdiv">
		<a class="left-tipsa1" href="#">取消</a>
		<a class="left-tipsa2" href="<?php echo U('user/register');?>">确定</a>
	</div>
</div>
<!-- 共用提示 -->
<div class="proTipsBox" style="display:none" id="all_tips">
	<div class="proTipsMaxk"></div>
	<div class="proTipsconter">
		<div class="proTipsP">
			<h4>系统提示</h4>
			<p id="all_pdword">密码错误，请重新输入密码</p>
		</div>
		<hr>
		<p>确认</p>
	</div>
</div>


<script type="text/javascript">
//swipe example

touch.on(document, "DOMContentLoaded", function(){
	//点击

	touch.on('#target', 'tap', function(e){
		e.preventDefault();
		$('.proLeftBox').animate({left:"0px"},500);
		$('.proLeftListBox').animate({left:"0px"},500);
	});
	//移动
	touch.on('#target', 'touchstart', function(ev){
		ev.preventDefault();
	});
	var target = document.getElementById("target");
	var dx, dy;
	touch.on('#target', 'drag', function(ev){
		var selfx,selfy,self=this;
		selfx=ev.x;
		selfy=ev.y;
		dx = dx || 0;
		dy = dy || 0;
		var offx = dx + ev.x + "px";
		var offy = dy + ev.y + "px";
		this.style.webkitTransform = "translate3d(" + offx + "," + offy + ",0)";
	});
	touch.on('#target', 'dragend', function(ev){3
		dx += ev.x;
		dy += ev.y;
		var moverx=Math.abs(ev.x),movery=Math.abs(ev.y);
		if(moverx<50&&movery<50){
			$('.proLeftBox').animate({left:"0px"},500);
			$('.proLeftListBox').animate({left:"0px"},500);
		}
//		console.log(moverx)
	});
	touch.on('#proLeftBox', 'swipeleft', function(ev){
		ev.preventDefault();
		$('.proLeftBox').animate({left:"-100%"},500);
		$('.proLeftListBox').animate({left:"-80%"},500);
		tap=1;
	});
});
//
// $('#target').click(function(){
// 		$('.proLeftBox').animate({left:"0px"},500);
// 		$('.proLeftListBox').animate({left:"0px"},500);
// })
//遮罩点击事件
$('.proLeftMask').click(function(e){
	e.stopPropagation;
	$('.proLeftBox').animate({left:"-100%"},500);
	$('.proLeftListBox').animate({left:"-80%"},500);
	tap=1;
})
/**
 * [input_pwd 交易密码登录]
 * @return {[type]} [description]
 */
function pwd_login(){
	//获取输入的交易
	var pwd = $('#futures_pwd').val();
	if(pwd==''){
		$(".nologin_pwd").html('请输入交易密码！');
		return;
	}
	var url="<?php echo U('User/pwd_login');?>";
    $.post(url,{pwd:pwd},function(data){
        if(data.status){
        	$(".nologin_pwd").html('成功！');
           	window.location.href="<?php echo U('Index/index');?>";
        }else{
            $(".nologin_pwd").html(data.info);
        }
    },'json')
}
</script>


	
	<!-- /Left -->
	<!-- 底部 -->
	<!-- /底部 -->
</body>
</html>